<template>
    <div class="podcast">
        <podcast-navbar></podcast-navbar>
        <Scroll class="scroll"
                ref="scroll"
                :probe-type="3"
                :pull-up-load="true">

            <IndexMvList :mvs="podcast"></IndexMvList>

        </Scroll>

    </div>
</template>

<script>
    import Scroll from "@/components/common/scroll/Scroll";
    import PodcastNavbar from "@/views/podcast821/childpodcast/PodcastNavbar821";
    import IndexMvList from "@/views/index821/childIndex821/IndexMvList821";
    import{getPodcast} from "@/network821/podcast821";
    export default {
        name: "podcast",
        data(){
            return{
                podcast:[]
            }
        },
        components:{
            Scroll,
            PodcastNavbar,
            IndexMvList,

        },
        mounted(){
            this.getPodcast()
        },
        methods:{
            getPodcast(){
                getPodcast(30).then(res=>{
                    this.podcast.push(...res.data)
                    this.$refs.scroll.finishPullUp()
                })
            }
        }
    }
</script>

<style scoped>
    .podcast{
        height: 100vh;
    }
    .scroll{
        height: calc(100% - 49px - 49px);
        overflow:hidden;
    }
</style>